<template>
	<view>
		<view class="videoSere">
			<video :src="videoSer" style="width: 100%; height: 100%; object-fit: fill;" controls
				:show-mute-btn="true"></video>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				video: '',
				videoSer: '',
				addRess: '' //实际地址中文
			}
		},
		onLoad(options) {
			// console.log('视频', options);
			this.addRess = options.addRess; //实际地址中文
			this.video = options.deviceNo
			this.videoOne() //实时视频
			uni.setNavigationBarTitle({
				title: this.addRess
			})
		},
		methods: {
			videoOne() {
				// console.log('视频2', this.video);
				this.$http.get(`api/Project/GetVideoUrl?deviceNo=${ this.video}`).then(res => {
					this.videoSer = res
					// console.log('获取视频实际地址', this.videoSer);
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.videoSere {
		margin: auto;
		width: 100vw;
		height: 100vh;
		background-color: aqua;
	}
</style>
